@charset "utf-8";

.clear{clear:both}

.fl{float:left}

div,ul,span,p{

	margin:0px;

	padding:0px;

	border:0px;

	outline:0;

	font-size:100%;

	vertical-align:baseline;



	font-family:"微软雅黑";

}

a{

	text-decoration: none;   

	/* border: none;*/

}

a img{

	border: 0;

}

li{

	list-style: none;

}

.blue a:hover{

	color: #314E86;

}

*{  

	margin: 0px;

    padding: 0px;

}



.blue {

	padding:0px;

	margin:0px;

	font-size: 13px;

	line-height: 25px;

	color:#333;

	text-align: left;

	font-family:"微软雅黑";

}



/*head*/

/*top*/

.head_top{

	height: 110px;

	width: 1200px;

	margin:  0 auto;

	

}

.blue #globalHeader_logo{

	width:380px;

	height:110px;

	float:left;

	*float: left;

	*zoom:1;

	margin:0px;

	border:none;

}

.blue .ul{

	float: right;

	*float: right;

	*zoom:1;

}

.blue .ul >ul{

	width: 103%;

	height: 100%;

}

.blue .ul >ul li{

	padding:0 7px;

    height: 100%;

    line-height:110px;

    text-align: center; 

    float: left;

	font-size: 16px;

    font-size: 16px !important;

    cursor: pointer;

    position: relative;

    z-index: 1000



}

/*.blue .ul >ul li:first-child{



background: #314e86;

}

.blue .ul >ul li:first-child a{



color: #FFFFFF;

}*/

.blue .ul >ul li.current{

background: #314e86;

}

.blue .ul >ul li.current a{

color: #FFFFFF;

}

.blue .ul >ul li:hover{

background: #314e86;

}

.blue .ul >ul li:hover a{

color: #FFFFFF;

}

.blue .ul >ul li >a{

display: block;

font-size:16px;

 color: #5f5f5f;

}

.blue .ul >ul dl{

	width:220px;

	position: absolute;

	z-index: 1000;

	top: 110px;

	left: 0;

	width: 100%;

	height: auto;

	display: none/9;

	opacity: 0;

	transition: .3s;

}

.blue .ul >ul >li:hover dl{

	width:220px;

   opacity: 0.9;

   display: block/9;

}

.blue .ul >ul dl a{

	width:220px;

display: block;

height: 35px;

text-align: center;

line-height: 35px;

background: #314e86;

width: 100%;

font-size: 14px;	

color: #fff;

}

.blue .ul >ul dl a:hover{

	width:220px;

background: #fff;

color: #314E86

}

/*banner-幻灯片*/

.blue #globalHeader_ad {

	width:100%;

	height:500px;

	padding:0px;

	margin:0px auto;

	border:none;

}

#full-screen-slider { width:100%; height:500px; float:left; position:relative; }

#slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative}

#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}

#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}

#pagination { display:block; list-style:none; position:absolute; left:25%; top:470px; z-index:9900;  padding:5px 15px 5px 0; margin:0}

#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }

#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}

#pagination li.current { background:#DE9620}

#ArticleContent img{ max-width:100%; _width:expression(document.body.clientWidth > 100% ? "100%" : "auto"); vertical-align: middle;}



/*end幻灯片*/



/*endhead*/







/*中心内容*/

.blue .main_box{

	width:100%;

	margin:0px auto;

	padding:0px;

	}

	

/*服务项目*/

.blue  .theme{

	width: 1200px;

	height: auto;	

	margin: 50px  auto 0 auto;

}	

.produc_title{

	width: 482px;

	height: 64px;

	background: url(../img/title.png) no-repeat;

	overflow: hidden;

	margin: 0 auto;

	text-align: center;

}

	

.produc_title h2{

    display: block;

    color: #575757;

    height: 22px;

    line-height: 22px;

    font-size: 22px;

    font-weight: normal;

}	

	

.produc_title h3{

    display: block;

    color: #8b8b8b;

    height: 16px;

    line-height: 16px;

    font-size: 16px;

    margin-top: 12px;

     font-weight: normal;

}

.theme_content{

	width: 100%;

	margin-top: 65px;
 
}



.theme_content ul{

 margin-left: -33px;

}

.theme_content ul >li{

  width: 265px;

  margin:0 0 30px 33px;

  float: left;

  overflow: hidden;

  position: relative;

 

  transition: .3s;

}

.theme_content ul >li:hover{

}

.theme_content ul >li >a>img{

 width: 100%;

transition: .3s;

}

.theme_content ul >li >a.name{

    display: block;

    position: absolute;

    right: 0px;

    top: 0px;

    width: 185px;

    height: 100%;

   /* background: url(../img/theme_wrap.png) center top no-repeat;*/

    



}

.theme_content ul >li >a.name >div{

    position: absolute;

    left: 65px; 

    height: 40px;

    line-height: 21px;

    font-size: 18px;

    top: 64px;

     color: #FFFFFF;

}

.theme_content ul >li >a.name >div p{

    font-size: 14px;

    margin-top: 3px;

	text-transform:uppercase; 

}	

		

.theme_content ul >li:hover img {

   transform: scale(1.1);

}	

/*end服务项目*/	

	

/*我们的优势*/

.advantage{

	width: 100%;

	height: auto;

	background: url(../img/accding_02.png) center top no-repeat;

	margin-top:80px ;

}

.advantage_text{

	width: 1200px;

	height: 100%;

	overflow: hidden;

	margin:  0 auto;

	

}

.advantage_text >h2{

	font-size: 28px;

	color: #ffffff;

	margin-top: 40px;

	height: 28px;

	line-height: 28px;

	text-align: center;

}

.advantage_text >div{

	  text-indent: 2em;

    height: 350px;

    line-height: 25px;

    margin-top: 30px;

    font-size: 16px;

    color: #fff;

    margin-bottom: 30px;

}

	.advantage_text >a{

	 height: 38px;

	 width: 123px;

	 line-height: 38px;

	 text-align: center;

	 background: #ff9c00;

	 display: block;

	 margin: 0 auto;

	color: #FFFFFF;

	  font-size: 16px;

	  border-radius: 10px;

	  	-moz-border-radius-topleft: 10px;

	-webkit-border-radius-topleft: 10px;

	-moz-border-radius-topright: 10px;

	-webkit-border-radius-topright: 10px;

}

.advantage_text >a:hover{



color: #fff;

    background: #314e86;

}

.system{

	width: 1200px;

	margin:70px auto  0 auto ;

	height: 338px;

	overflow: hidden;

}

.system_l{

	width: 468px;

	height: 100%;

	overflow: hidden;

	float: left;

	*float: left;

	*zoom: 1;

	background: #e6e6e6;

	border-radius: 10px;

		-moz-border-radius-topleft: 10px;

	-webkit-border-radius-topleft: 10px;

	-moz-border-radius-topright: 10px;

	-webkit-border-radius-topright: 10px;

	overflow: hidden;

	display: inline-block;

	position: relative;

}

.system_l a{

	width: 450px;

	height: 320px;

	 left: 9px;

	 top: 9px;

	 z-index: 100;

	position: absolute;

	background: url(../img/play_wrap.png) repeat;

}

.system_l a i{

  display: block;

  background: url(../img/accding_icon.png) -57px -3px no-repeat;

  width: 102px;

  height: 102px;

  position: absolute;

  left: 50%;

  margin-left: -51px;

  top: 50%;

  margin-top:-51px;

  transition: 1s;

}

.system_l:hover a i{

  transform: rotate(360deg);

}

.system_l >img{

	width: 450px;

	height: 320px;

	margin: 9px;

}

.system_r{

	

	height: 100%;

	overflow: hidden;

	float: right;

	*float: right;

	width: 530px;

	*zoom: 1;

	margin-right: 145px;

	background: url(../img/ys.jpg) no-repeat 190px center;

}	



.system_r >ul{

	width: 100%;

	margin-top: 5px;

}

.system_r >ul >li{

	width: 100%;

	height: 128px;



}

.system_r >ul >li.two{

	height: 69px;

}



.ul_li-ul{

	width: 100%;

	height: 100%;

}

.ul_li-ul >li{

	height: 126px;

	float: left;

	width: 225px;

	margin-bottom:60px;

	border: 1px solid #dedede;

	    cursor: default;

}

.ul_li-ul >li h2{

	height: 58px;

	line-height: 58px;

	color: #314E86;

	font-size: 22px;

	text-align: center;

	width: 100%;

}

.ul_li-ul li.system_two{

	float:right;

	

}

.ul_li-ul li.system_tree{

	float:right;

}

.ul_li-ul li.system_four{

	float:left;

}

.ul_li-ul >li div{

	width: 180px;

	height: 57px;

	line-height: 18px;

	font-size: 14px;

	color: gray;

	margin: 0 auto;

	overflow: hidden;

}





.ul_li-ul >li.two{

  border: none;

	width: 72px;

}



.system_i{

	width: 50px;

	height: 48px;

	display: inline-block;

	background: url(../img/accding_icon.png) 0 0 no-repeat;

}



.system_i.i1{

 background-position: -366px -1px;

 float: right;

 margin-top: 14px;

 margin-right: 87.5px;

}

.system_i.i2{

 background-position: -1px -272px;

 margin-top: 70px;

 margin-left:14px;

}



.system_i.i3{

 background-position: -55px -272px;

 margin-top: 40px;

 margin-left: 10px;



}

/*end我们的优势*/



/*案列展示*/

.case_show{

	width: 100%;

	height: 463px;

	background: url(../img/accding_08.png) center top no-repeat;

	margin-top:65px;

}

.case_show-content{

	width: 1200px;

	margin: 0 auto;

	height: auto;

}

.title-two{

    width: 100% !important;

    height: 80px !important;

    line-height: 30px !important;

    color: #FFFFFF !important;

    font-size: 32px !important;

    padding-top: 60px !important;

    margin-bottom: 28px !important;



}

.title-two .h4{

	width: 100%;

	height: 22px !important;

	line-height: 22px !important;

	font-size: 22px;

	margin-top: 15px !important;

	color: #FFFFFF !important;

}

.tab_roasting{

	width: 100%;

	height: 380px;

	overflow: hidden;

}

.tab_roasting .tab{

	float: left;

	*float: left;

	*zoom: 1;

	width: 285px;

	height: 100%;

}

.tab_list{

	width: 100%;

	height: 76px;

	line-height: 76px;

	color: #434343 !important;

	font-size: 18px !important;

	background: #FFFFFF !important;

	cursor: pointer;

}

.tab_list >i{

	width: 15px;

	height: 15px;

	display: inline-block;

	margin-left: 72px;

	margin-right: 12px;

	background: url(../img/accding_icon.png) -1px -320px no-repeat;

}

.tab_list:hover{



	color: #FFFFFF !important;



	background: #314e86 !important;

}

.tab_list.current{



	color: #FFFFFF !important;



	background: #314e86 !important;

}





.tab_roasting .roasting{

	float: right;

	*float: right;

	*zoom: 1;

	width: 905px;

	height: 100%;

	margin-right: 8px;



	position: relative;

}

.roasting_ul  {

	height: 100%;	

	display: none;

	overflow: hidden;

	position: relative;

}

.roasting_ul.current  {

	display: block;



}



.roasting_ul.current >ul {

	

transition: .3s;

position: absolute;

left: 0;

top: 0;

}

.roasting_ul >ul {

height: 100%;	

transition: .3s;



}

.roasting_ul >ul >li{

	width: 285px;

	height: 100%;

	margin-left: 12px;

	float: left;

	overflow: hidden;

	position: relative;

}

.roasting_ul >ul >li>a{

	width:100%;

	height: 100%;

	overflow: hidden;

	display: inline-block;

}



.roasting_ul >ul >li>a >img{

	width:100%;

	height: 100%;

border: none;

transition: .3s;



}

.roasting_ul >ul >li>div{

	width: 100%;

	height: 100%;

 display: block;

 position: absolute;

 left: 0;

 top: 0;

/* background: url(../img/roasing_wrap.png) repeat;*/

 cursor: pointer;

 transition: .3s;

}

.roasting_ul >ul >li:hover>div{

 transform: scale(2.2);

 opacity: 0;

 filer: alpha(opacity=0);

 z-index: -1

}

.roasting_ul >ul >li:hover>a>img{

 transform: scale(1.1);



}

.roasting_ul >ul >li>div >i{

 width: 78px;

 height: 78px;

 display: block;

 position: absolute;

 left: 50%;

 top: 50%;

 margin-left: -39px;

 margin-top: -39px;

/* background: url(../img/accding_icon.png) -164px -1px no-repeat;*/

}



.roasting .roasting-i{

	width: 34px;

	height: 116px;

	display: block;

	position: absolute;

	top: 132px;

	z-index: 10;

	background: url(../img/accding_icon.png) 0 0 no-repeat;

	cursor: pointer;

}

.roasting .roasting-i.left{

    left: 0;

    background-position: -268px -1px;

}



.roasting .roasting-i.right{

    right: 0;

    background-position: -324px -1px;

}

/*end案列展示*/

/*关于我们*/

.about_us{

	width: 1200px;

	height: 504px;

	margin: 165px auto 0 auto;

	background: #FFFFFF url(../img/we_background.png)  57px top no-repeat;

}

.about_us >div{

    width: 384px;

    width: 100%;

    padding-top: 40px;

}

.about_us_l{

	float: left;

	*float: left;

	*zoom: 1;

}

.about_us_r{

	float: right;

	*float: right;

	*zoom: 1;

	margin-right: 30px;

	width: 790px;overflow: hidden;

}

.about_us_r-name{

	width:100%;

	height: 26px;

	line-height: 26px;

	color: #314E86 !important;

	margin-top: 38px;

	font-size: 26px !important;

	}

.about_us_r-name.e{

	margin-top: 15px;

	margin-bottom: 20px;

	}

	

	.about_us_r >p{

		margin-bottom: 30px;

		font-size: 14px;

		color: #757575;

		line-height: 25px;

	}

.about_us .about_zi{

	height:220px;

		margin-bottom: 20px;

		font-size: 14px;

		color: #757575;

		line-height: 25px;

		overflow:hidden;

	}

	.about_us_r >a{

		width: 123px;

		height: 38px;

		line-height: 38px;

		text-align: center;

		color: #FFFFFF;

		font-size: 16px;

		background: #ff9c00;

		-moz-border-radius-topleft: 10px ;

	-webkit-border-radius-topleft: 10px ;

	-moz-border-radius-topright:10px ;

	-webkit-border-radius-topright:10px ;

	 border-radius:10px ;

	 display: block;

	} 

	.about_us_r >a:hover{

		background: #314E86;

		color: #fff;

	}

/*专业team*/

.blue .team{

  	width: 100%;

    margin: 62px auto 0 auto;

    border: none;

    height: auto;

    background: url(../img/team_wrap.jpg) center top no-repeat;

}

.product{

	width: 1200px;

	margin: 0 auto;

}

.blue .che{ padding-top:40px;} 

.blue .index_title h2{ color:#212121; font-size:22px; font-weight:normal;}

.blue .index_title h3{ color:#999; font-size:14px; font-weight:normal; padding:10px 0;}



.blue .product .content {

  width: 1190px;;

    padding: 0;

    margin: 30px auto 0px auto;

    border: none;

    overflow: hidden;

}

.blue .product .content ul {

  margin-left: -15px;

}

.blue .product .content li {

    width: 280px;

    height: 430px;

    float: left;

    margin-left: 15px;

    display: inline;

    font-size: 16px;

    line-height: 30px;

    background: #314E86;

    overflow: hidden;

    border: 4px solid #314E86;

    -webkit-transition:.3s;

    -moz-transition: .3s;

    -ms-transition:.3s ;

    -o-transition:.3s ;

    transition: .3s;

}

.blue .product .content li:hover {

   	

   	-webkit-transform:scale(1.02) ;

   	-moz-transform: scale(1.02);

   	-ms-transform: scale(1.02);

   	-o-transform: scale(1.02);

   	transform:scale(1.02);		

   	  

}

    

.blue .product .content li >a{

   width: 100%;

   height: 100%;

   display: block;

}

.product_pic{width: 100%;

height: 360px;

overflow: hidden;

}

.product_pic >img{

	width: 100%;

	height: 100%;

}

.pic-txt{

	height: 72px;

	width: 100%;



}

.pic-txt >p{

	height: 16px;

	font-size: 16px;

	line-height: 16px;

	text-align: center;

	width: 100%;

    margin-top: 12px;

    color: #FFFFFF;

}



/*end专业团队*/



/*行业动态*/

.industry_trends{

	width: 1200px;

	height: auto;

	margin: 80px auto 0 auto;

	color: #FFFFFF;

}

.industry_trends-content{margin-top: 73px;}

.industry_trends-content ul{

	margin-left: -50px;

}

.industry_trends-content li{

	overflow: hidden;

	width: 350px;

	height: 262px;

	float: left;

	margin-left: 50px;

	margin-bottom: 50px;

}

.industry_trends-content li >a.image{

	display: block;

	height: 152px;

	width: 100%;

	overflow: hidden;

}

.industry_trends-content li >a.image >img{

	height:100%;

	width: 100%;	

}

.li_text{

	height:110px;

	width: 100%;

	color: #6f6f6f;

	position: relative;

	

}

.li_text .calendar{

width: 70px;

height: 162px;

float: left;*float: left;

*zoom: 1;

margin-top: -53px;

background: #dd0000;

position: relative;

z-index: 100;

margin-left: 7px;

overflow: hidden;

}

.calendar >i{

	width: 32px;

	height: 32px;

	position: absolute;

	left: 50%;

	margin-left: -16px;

	top: 23px;

	display: block;

	background: url(../img/accding_icon.png) -418px -1px no-repeat;

}

.calendar >div.time{

	    width: 100%;

    height: 58%;

    position: absolute;

    top: 50%;

    left: 0;

    background: #314E86;

    text-align: center;

    line-height: 22px;

    padding-top: 10px;

    color: #E6E6E6;

    font-size: 14px;

}



.calendar >div.time >p{

font-size: 18px;

}



.li_text .text{

	float: right;

	*float: right;

	*zoom: 1;

	width: 263px;

	height: auto;100%

}

.li_text .text >.h3{

	width: 100%;

	height: 40px;

	overflow: hidden;

	line-height: 40px;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #4a4a4a;

	font-size: 14px;

	font-weight:700;

	display: block;

}

.li_text .text >.h3:hover{

  color: #314E86;

}

.li_text .text >p{

 width: 100%;

 overflow: hidden;

 line-height: 22px;

 font-size: 13px;

 color: #6f6f6f;

}

/*end行业动态*/





/*底部*/

.bottom{

	width: 100%;

height: 420px;

background: #314E86;

overflow: hidden;

color: #FFFFFF !important;

}

.bottom_text{width: 1150px;

text-align: left;

margin: 0 auto;

position: relative;

}

.bottom_text >div{

	font-size: 18px;

	line-height: 18px;

	height: 18px;

	margin-top: 38px;

	color: #FFFFFF !important;

}

.bottom_text >.h1{

	font-size: 28px;

	line-height: 28px;

	height: 28px;

	margin-top: 66px;

	color: #FFFFFF !important;

}

.bottom_text >.h2{



	color: #FFFFFF !important;

}

.bottom_text >.h3{



	margin-top: 20px;

	color: #FFFFFF !important;

}



.bottom_text >i{

 width: 130px;

 height: 130px;

 display: block;

 position: absolute;

 top: 0px;

 right: 35px;

 background: url(../img/accding_19.jpg) center top no-repeat;

 *margin-top: 65px;

}

/*endbottom*/



/*foot*/

.foot{

	width: 1200px;

	height: auto;

	

	margin: 0 auto;

}

.foot >div{

	width: 1030px;



	

	height:auto;

}

.foot >div > a{

	display: inline-block;

	color: #575757;

	font-size: 14px;

	float: left;

	margin-right: 20px;

	line-height: 65px;

	height: 65px;

}

.foot >div > a:hover{

     color: #314E86

}

.foot >div > a.cu{

margin-right: 10px;

font-size: 16px;

}

.foot >div > a.cu:hover{

color: #575757;

}

.foot .beian{

color: #575757;

width: 100%;

text-align: center;

line-height: 14px;height: 14px;

font-size: 14px;

margin-bottom:20px;



}

/*右边导航栏*/

.blue .side_nav{position: fixed;top: 30%;right: 2px;width: 66px; z-index:999}



.blue .side_nav ul li{position: relative;width: 66px;height: 66px;float: right; margin-bottom: 4px;}



.blue .side_nav ul li a{display:inline-block;height: 66px;position: absolute;top: 0;left: 0;border-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-webkit-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	-webkit-border-radius-topright: 5px;}



.blue .current_side_n{width: 140px!important;}



.blue .current_side_n a{width: 140px!important;}



.blue .side_nav ul li span{float: left;color:#fff;line-height: 66px;font-size: 16px;margin-left: 66px;cursor: pointer;}



.blue .side_nav_3 a{width: 66px;}



.blue .side_nav_3 a span{height:128px;position: absolute;right: 66px;bottom: 0px;margin-left: 0!important;display: none;}



.blue .tel a{background: #314E86 url(../img/size_nav.png) no-repeat 6px 5px;}



.blue .QQ a{    background: #314E86 url(../img/size_nav.png) no-repeat 7px -63px;}



.blue .sub_QR a{    background: #314E86 url(../img/size_nav.png) no-repeat 8px -130px;}



.blue .back_top a{    background: #314E86 url(../img/size_nav.png) no-repeat 8px -202px;}